<div data-bb-type="screen" data-bb-effect="slide-left">
		<div data-bb-type="round-panel"> 
				<div data-bb-type="panel-header">Edit Course</div>
			   	<div>Course Name :</div>       
				<input type="text" value="" /> 
				
				<div>Year :</div>       
				<input type="text" value="" /> 
				
				<div>Term: </div>
			   	<select data-bb-label="Term">
					<option value="arial" selected="true">Spring</option>
					<option value="arial">Summer</option>
					<option value="arial">Autumn</option>
					<option value="arial">Winter</option>
			   	</select>
			   	
			   	<div>Score: </div>
			   	<select data-bb-label="Score">
					<option value="arial" selected="true">A+</option>
					<option value="arial">A</option>
					<option value="arial">A-</option>
					<option value="arial">AB</option>
			   	</select>
			   	
			   	<div data-bb-type="button" data-bb-style="stretch" onclick="alert('Course saved!')">Save this course</div>
			   	<div data-bb-type="button" data-bb-style="stretch" onclick="alert('Course deleted!')">Delete this course</div>
		</div>
	<div data-bb-type="action-bar" data-bb-back-caption="Back"></div>
</div>